<template>
  <view>

        <view class="mod mod-user-cmt" id="project_comment">    
                <view v-for="(item,index) in jdata" :key="index"  class="bd" @click="goTo(item.id)">
                    <view class="ask-item-wrap">
                        <view class="ask-item">
                            <view class="ask-tit">
                                <view class="ask-wlogo">
                                    <img src="@/static/img00/wen1.png"/>
                                </view>

                                <view class="ask-tit-wrap">
                                    <h4>
										{{item.question}}
									</h4>
                                    <view class="ask-info">
                                        <view class="asker-info">
                                            <span class="asker">{{item.kehu}}</span>
                                            <span class="project-budget">{{item.yusuan}}</span>
                                        </view>
                                        <view class="ask-source">{{item.page_date}}</view>
                                    </view>
                                </view>
                            </view>

                            <view class="ask-con">
                                <view class="ask-dlogo">
                                    <!-- <img src="@/static/img00/da.png" alt=""> -->
                                </view>
                                <view class="ask-answer">
                                    <!-- 纯文字 -->
                                    <view class="ask-detail">
                                        <view class="text">
                                            <p>
												{{item.ask}}
											</p>
                                      
                                        </view>
                                    </view>
                                    <view class="interactive">
                                    <!--回答者信息-->

                                        <view class="answerer">
                                            <view class="pic">
                                                <!-- <img class="lazy" src="@/static/img00/care.png" /> -->
                                            </view>
                                            <view class="name">{{item.counselor_res.name}}</view>
                                            <view class="edu">{{item.counselor_res.school}}</view>
                                        
										</view>  
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                </view>
        </view>
    
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
  	jdata:{
  		
  	}
  },
  methods: {
	  goTo(id){
		this.$common.navigateTo("/pages/index/wenti/Wenti?id="+id);
	  }
  },
};
</script>

<style scoped>


/* 标题 */
.mod {
  margin: 0 40rpx 0 0;
}

.ask-tit{
    height: 288rpx;
}

.ask-wlogo,.ask-dlogo{
    height: 44rpx;
    width: 48rpx;
    float: left;
}
.ask-wlogo>img{
    height: 100%;
    width: 100%;
    margin-top: 50rpx;
}
.ask-tit-wrap>h4{
    height: 100%;
    width: 560rpx;
    float: left;
    margin-left: 70rpx;
    font-size: 30rpx;
    color: #3e4a59;

    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 5;    
    overflow: hidden;
}

.ask-info{
    width: 580rpx;
    float: left;
    margin-left: 60rpx;
    margin-bottom: 20rpx;
    color: #77808a;
    font-size: 24rpx;
}

.asker-info{
    width: 314rpx;
    float: left;
    margin-top: 20rpx;
}
.ask-source{
    margin-top: 20rpx;
    float:right;
}
/* 问 */


.ask-con{
    height: 234rpx;
    width: 670rpx;
       border-bottom: 1px solid  #d8dce0;

}
.ask-dlogo>img{
    height: 100%;
    width: 100%;
}

.ask-answer{
    height: 214rpx;
    width: 602rpx;
    float: left;
    margin-left: 20rpx;
    font-size: 28rpx;
    color: #3e4a59;
}

.text{
    height: 100%;
    width: 602rpx;
    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 3;    
    overflow: hidden;
}


.answerer{
    width: 580rpx;
    float: left;
    margin-top: 40rpx;
    /* margin-left: 3rem; */
}
.pic{
    height: 48rpx;
    width: 48rpx;
    float: left;

}
.pic>img{
    height: 100%;
    width: 100%;
    border-radius: 50%;
}
.name{
    line-height: 48rpx;
    float: left;
    color: #3e4a59;
    margin-left: 20rpx;
    margin-right: 20rpx;
    font-size: 24rpx;
}
.edu{
    line-height: 48rpx;
    font-size: 24rpx;
    color: #77808a;
}

</style>
